@charset "utf-8";
/* CSS Document */

/*Structure styles*/
* {padding:0; margin:0;}
html, body, #wrapper{
    min-height:100% !important;
    height:100%;
}
*+html #wrapper{
        height:auto;
        display:table;
}
#wrapper{
        display:table;
        width:100%;
}
div#push{
        min-height:145px !important;
}
*html div#push{
        height:145px;
}
#footer{
        position:relative;
        width:100%;
        height:0;        
}
#footer .content{
        height:145px;
        width:100%;
        position:absolute;
        top:-145px;
        left:0;
}
#footer .support {
    padding-right:10px;
}
/*Main styles*/
body {width:850px; margin:auto auto; background:url(../img/bg-spots-copy.jpg?2) center 0 repeat-x; font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#2D3A4A;}

a {color:#147BE3; text-decoration:none; outline:none;}
a:hover {color:#147BE3;    text-decoration:underline;}
a.ajax { border-bottom: 1px dashed; }
a.ajax:hover { text-decoration: none; }
.description, .desc {
    color:#999898;
}
                  
.bold { font-weight: bold;}              
.clr-error {color:#D8062D;} 
.clr-success {color:#47B915;} 
.balance-green { font-weight: bold; color: green; }
.balance-red { font-weight: bold; color: red; }   

img {border:0;}
textarea {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:7px; }

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear-all {clear:both; height:1px; line-height:1px; overflow:hidden;}
.nowrap {white-space:nowrap;}  
table, tr, td {border-collapse:collapse;}

h1 {
    padding-bottom:5px;
    color:#000;
    font-size:1.36em;
    font-weight:normal;
}
hr {background-color:#ccc; border-style:none; height:1px; line-height:1px;}  

a.big {font-size:15px; font-weight:bold;}
.w608 {width:608px; margin:0 auto;}
.w842 {width:842px; margin:0 auto;}
.w585 {width:585px; margin:0 auto;}
.separator5 {height:5px; line-height:5px; overflow:hidden;}
.separator10 {height:10px; line-height:10px; overflow:hidden;}
.greyText {color: #666;}

#header {padding:30px 0 17px 0;}

#header .logo {
    margin-top: -5px;
    position: relative;
    margin-bottom: 10px;
}

#header .baloon {
    position:absolute; 
    top:30px; 
    margin-left:110px;
    :margin-left:-90px;
    width:230px; 
    height:37px; 
    background:url(../img/baloon.png) 0 0 no-repeat;
}

#header div.top-menu  {
    width: 543px;
    height: 42px;    
    /*margin-top:35px;*/
    background: url(../img/menu.png?2) 0 0 no-repeat;         
}
#header a.top-menu-about {
        display: block;
        width: 107px;
        height: 42px;
        float: left;
}
#header a.top-menu-about:active, #header a.top-menu-about:hover, #header a.top-menu-about-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: 0px -42px;
}
#header a.top-menu-blog {
        display: block;
        width: 65px;
        height: 42px;         
        float: left;
}
#header a.top-menu-blog:active, #header a.top-menu-blog:hover, #header a.top-menu-blog-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -381px -42px;
}
#header a.top-menu-clients {
        display: block;
        width: 91px;
        height: 42px;
        float: left;
}
#header a.top-menu-clients:active, #header a.top-menu-clients:hover, #header a.top-menu-clients-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -107px -42px;
}
#header a.top-menu-demo {
        display: block;
        width: 69px;
        height: 42px;
        float: left;
}
#header a.top-menu-demo:active, #header a.top-menu-demo:hover, #header a.top-menu-demo-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -198px -42px;
}
#header a.top-menu-prices {
        display: block;
        width: 70px;
        height: 42px;
        float: left;
}
#header a.top-menu-prices:active, #header a.top-menu-prices:hover, #header a.top-menu-prices-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -199px -42px;
}
#header a.top-menu-reg {
        display: block;
        width: 113px;
        height: 42px;
        float: left;
}
#header a.top-menu-reg:active, #header a.top-menu-reg:hover, #header a.top-menu-reg-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -268px -42px;
}
#header a.top-menu-help {
        display: block;
        width: 97px;
        height: 42px;
        float: left;
}
#header a.top-menu-help:active, #header a.top-menu-help:hover, #header a.top-menu-help-active {
        background-image: url(../img/menu.png?2);
        background-repeat: no-repeat;
        background-position: -446px -42px;
}

#main-side {clear:both;}
.main-side-index {padding-top:20px; :padding-top:10px; }


#content-side {
    font-size:13px; 
}

.content-side-left {float:left; padding-right:10px; width:595px;}
.content-side-right {float:left; padding-left:10px; width:595px;}

#right-side,  #left-side{
    width:238px;    
}

.content-side-left p {
    padding:7px 0;
    line-height:1.25em;
}
#content-side a.baloon-reg {
    width:292px;
    height:177px;
    padding-bottom:10px;
    background:url(../img/baloon-reg.png) 0 0 no-repeat;
}
#content-side a.baloon-more {
    width:265px;
    height:177px;
    padding:0 20px 10px 0;
    background:url(../img/baloon-more-info.png) 0 0 no-repeat;
}

#content-side h1.first {
    width:610px;
    margin-left:-34px;
    padding:120px 0 0 36px;
    position:absolute;
    z-index:200;    
    background:url(../img/baloon-main.png) 0 0 no-repeat;
}

#footer .left, #footer .right {padding-top:45px;}
#footer.footerC  .left, #footer.footerC  .right {padding-top:30px;}
#footer ul.footer-menu {
    list-style: none;
}

#footer ul.footer-menu li {
    float: left;
}
#footer ul.footer-menu li a {
    display: block;
    float: left;
    padding: 0px 12px;
    background: url(../img/sep-dotterd.png) 0 2px no-repeat;
}
#footer ul.footer-menu li a.first {
    background: none;
}
#footer a.rss {
    display:block;
    position:relative;
    left:-22px;
    width:200px;
    margin-top:14px;
    padding:4px 0 5px 23px;
    background:url(../img/icon-rssfeed.png) 0 3px no-repeat;
}
#footer div.copyright {
    font-size	:14px; 
    left		:-20px; 
    padding		:0 0 7px 0;
    position	:relative;
    z-index		: 0;
}
#footer a.copyrightC {
    background	:url(../../default/img/copyright_old_style.png) 0 0px no-repeat;
    height		: 40px;
    cursor		: pointer;
    display		: block;
}

#footer a.copyrightC.base {
    width		: 170px;
}
#footer a.copyrightC.free {
    width		: 198px;
    background-position	: 0 -80px;     
    margin-right	: -5px;
}
#footer a.copyrightC.pro {
    width		: 200px;
    background-position	: 0 -160px; 
}

#footer a.copyrightC.base:hover {
    background-position	: 0 -40px; 
}

#footer a.copyrightC.free:hover {
    background-position	: 0 -120px; 
}
#footer a.copyrightC.pro:hover {
    background-position	: 0 -200px; 
}


#copyright-tooltip-container{
	position		: absolute;
	right			: 0px;
	top				: -27px;
	display			: none;	
}

#copyright-tooltip-container.free{
	right			: -5px;
}

#copyright-tooltip-container.pro{
	color			: inherit;
	font-weight     : normal;
}

.copyrightTooltip span.left_p, .copyrightTooltip span.right_p{
	background		: url("../../default/img/copyright_old_style.png") no-repeat scroll 0px -240px transparent;
	display			: block;
	width			: 6px;
	height			: 48px;
	float			: left;
}
.copyrightTooltip span.right_p{
	background-position	: -6px -240px;
}

.copyrightTooltip .main_p{
	background		: url("../../default/img/copyright_old_style.png") repeat-x scroll 0px -288px transparent;
	display			: block;	
	height			: 48px;
	float			: left;
	border			: 0 none;
	font-size		: 14px;
	font-family		: Arial;
	padding			: 8px 12px;
	text-shadow		: -1px 0px 0px rgba(0, 0, 0, 0.15), 0px -1px 0px rgba(0, 0, 0, 0.15);
	overflow		: visible;	
}
#footer .copyrightTooltip::before {
	content		: '';
	position	: absolute;
	display		: block;
    width		: 10px;
    height		: 7px;    
    top			: 45px;
    right		: 0px;
    z-index		: 100;
    background	: url("../../default/img/copyright_old_style.png") -12px -247px no-repeat;
    margin-right: 22px;
}

#spacks-logo-fake{
	position	: absolute;	
	cursor		: pointer;
}
#spacks-logo-fake.pro{
	width		: 42px;
	height		: 20px;
	top			: 41px;
	right		: 8px;
}
#spacks-logo-fake.free{
	width		: 41px;
	height		: 22px;
	top			: 40px;
	right		: -5px;	
}
#spacks-logo-fake.base{
	width		: 0px;
	height		: 0px;		
}

#footer div.slogan {
    color:#9C9C9C;
} 
#footer.footerC  div.copyright {
	left	: 0px;
}
#footer.footerC  div.support {
	font-size	: 15px;
	font-family	: Arial;
	margin-left	: 4px;
	color		: #000000;
}

.tahoma{
	font-family			: tahoma;
}

div.input {position: relative;}
div.input span.left {display:block; width:3px; height:22px; background:url(../img/input_left.png) 0 0 no-repeat;}
div.input span.right {display:block; width:3px; height:22px; background:url(../img/input_right.png) 0 0 no-repeat;}
/*для Opera убрать отступ сверху*/
div.input input { float:left; border:0; background:url(../img/input_bg.png) 0 0 repeat-x; 
    font-size:11px; height:15px; padding:4px 3px 3px; display:block;position:relative;
    outline: none;
}
*+html div.input input {
padding-right:4px;
}
/* placeholder */
.block-search { position: relative;}
label.placeholder, .block-search label.placeholder {
    color:grey; background-color:#FFFFFF;
    cursor:text;          
    left:7px; top:5px;   
    position:absolute; display: none; 
    z-index:2; 
    padding:0;
    margin-right:1px;
    overflow: hidden; height: 15px;
}
.block-search label.placeholder { 
    left:32px; top:11px;
}

.blueblock {margin-bottom:10px;}
.blueblock div.title {
    width:100%;
    height:26px;
    background:url(../img/title_bg.gif) 0 0 repeat-x;
}
.blueblock div.title span {
    display:block; 
    line-height:24px;
    color:#fff;
    font-size:12px;
    font-weight:bolder;
    padding:0 7px;
}
.blueblock div.title span.leftC {
    float:left;
    width:5px;
    height:26px;
    padding:0;
    background:url(../img/title_ltc.gif) 0 0 no-repeat;
}
.blueblock div.title span.rightC {
    float:right;
    width:5px;
    height:26px;
    padding:0;    
    background:url(../img/title_rtc.gif) 0 0 no-repeat;
}
.blueblock div.content {
    width:100%;
    background:#d3e2ee url(../img/block_border.gif) 0 0 repeat-y;
}
.blueblock div.content .text {padding:10px; background:url(../img/block_border.gif) right 0 repeat-y;position: relative;}

.blueblock div.bottom {
    width:100%;
    height:5px;
    background:url(../img/blueblock_bot.gif) 0 0 repeat-x;
}
.blueblock div.bottom span {display:block; width:5px; height:5px;}
.blueblock div.bottom span.left {background:url(../img/blueblock_lbc.gif) 0 0 no-repeat;}
.blueblock div.bottom span.right {background:url(../img/blueblock_rbc.gif) 0 0 no-repeat;}

.lightblock div.content, .whiteblock div.content.lightblock {background-color:#ebf6ff;}
.lightblock div.bottom, .whiteblock div.content.lightblock div.bottom {background:url(../img/lblueblock_bot.gif) 0 0 repeat-x;}
.lightblock div.bottom span.left, .whiteblock div.content.lightblock div.bottom span.left {background:url(../img/lblueblock_lbc.gif) 0 0 no-repeat;}
.lightblock div.bottom span.right, .whiteblock div.content.lightblock div.bottom span.right {background:url(../img/lblueblock_rbc.gif) 0 0 no-repeat;}

.whiteblock div.content {background-color:#fff;}
.whiteblock div.bottom {background:url(../img/whiteblock_bot.gif) 0 0 repeat-x;}
.whiteblock div.bottom span.left {background:url(../img/whiteblock_lbc.gif) 0 0 no-repeat;}
.whiteblock div.bottom span.right {background:url(../img/whiteblock_rbc.gif) 0 0 no-repeat;}

.topuserblock {width:238px;}
.topuserblock div.title {height:26px; background:url(../img/topuserblock_title.png) 0 0 no-repeat;}
.topuserblock div.title span {
    display:block; 
    line-height:24px;
    color:#fff;
    font-size:12px;
    font-weight:bolder;
    padding: 0 7px;
}
.topuserblock div.bottom {height:5px; background:url(../img/topuserblock_bot.png) 0 0 no-repeat;}
.topuserblock div.content {
    width:100%;
    background:#d3e2ee url(../img/block_border.gif) 0 0 repeat-y;
}
.topuserblock div.content .text {padding:10px; background:url(../img/block_border.gif) right 0 repeat-y;}
.topuserblock td {padding-right:6px;}
.topuserblock input.img {padding-top:3px;}

.login div.content .text {padding:10px 0 5px 12px;}
.login td {padding-right:6px;}
.login input.img {padding-top:3px;}

.subscribe div.content .text {padding:10px 0 5px 12px;}
.subscribe td {padding-right:6px;}
.subscribe input.img {padding-top:6px;}

.opinions {
    color:#505B67;
    font-size:11px;
}
.opinions div.content .text {padding:0px 10px;}
.opinions p { 
    padding:7px 0;
    border-bottom:1px dotted #AFBECE;
}
.opinions p.last {border:none;}
.opinions span a {display:block; padding-top:4px; font-weight:bold;}

.sidebarr ul {
    list-style: none;           
}
input.button-sb {
    display: block; width: 77px; height: 27px; border: none; cursor: pointer; 
    margin-top: 10px; outline: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}
input.button-sb:hover {    background-position: 0 -54px; }
input.button-sb-prev {     background: url(../img/button-sidebar-prev.jpg); }
input.button-sb-next {     background: url(../img/button-sidebar-next.jpg); }
input.button-sb-disabled { background-position: 0 -27px; cursor: default; }  
input.button-sb-disabled:hover { background-position: 0 -27px; }

.block-search {
        height: 30px;
        background: url(../img/bg-block-search.png) 0 0 no-repeat;
        padding-bottom: 7px;
}
.block-search input.text {
        float: left;        
        width:170px;
        height: 15px;
        margin-left:30px;
        margin-top:10px;
        background-color: #fff;
        border: none;
        font-size: 11px;
    outline: none;
}
.block-search input.search-enter {
        display: block;
        float: left;
        width: 14px;
        height: 13px;
        margin: 11px 0px 0px 10px;
}

.crumbs {font-size:13px; margin-bottom:20px;}
.crumbs a {font-size:14px;}

.ticketinfo td {padding:5px 0; font-size:11px;}
.ticketinfo td.title {width:125px; text-align:right; padding-right:10px; font-weight:bold; font-size:12px;}
.ticketinfo select{
    width: 160px;
}

.ticketinfo .controls{
    text-align: right;
}
.ticketinfo .controls a:not(.text_link){
    opacity: 0.8;
    border-bottom: 0;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}
.ticketinfo .controls a:hover{
    opacity: 1;
}
.ticketinfo .controls .edit_link{
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTIuMzQyLDE2LjU0NWEuNTE3LjUxNywwLDAsMC0uODY5LjI1NEwuMDEyLDIzLjM3MmEuNTE3LjUxNywwLDAsMCwuMTM5LjQ3Ny41MjYuNTI2LDAsMCwwLC40NzcuMTM5TDcuMiwyMi41MjhhLjUxNy41MTcsMCwwLDAsLjI1My0uODdaIi8+PHBhdGggZD0iTTE4LjA0NCw3LjA1MSw2LjcyNCwxOC4zNzFhLjI2LjI2LDAsMCwwLDAsLjM2NUw4LjU1LDIwLjU2M2EuNTI2LjUyNiwwLDAsMCwuNzMxLDBMMjAuMjM1LDkuNjA3YS41MTUuNTE1LDAsMCwwLDAtLjczTDE4LjQxLDcuMDUxQS4yNTkuMjU5LDAsMCwwLDE4LjA0NCw3LjA1MVoiLz48cGF0aCBkPSJNMTYuOTQ5LDUuNTkxLDE1LjEyMywzLjc2NWEuNTE3LjUxNywwLDAsMC0uNzMsMEwzLjQzOCwxNC43MmEuNTE1LjUxNSwwLDAsMCwwLC43M2wxLjgyNiwxLjgyNmEuMjYuMjYsMCwwLDAsLjM2NSwwbDExLjMyLTExLjMyQS4yNTguMjU4LDAsMCwwLDE2Ljk0OSw1LjU5MVoiLz48cGF0aCBkPSJNMjIuNzkyLDEuMjA5YTQuMTM2LDQuMTM2LDAsMCwwLTUuODQzLDBsLS43MzEuNzNhLjUxOC41MTgsMCwwLDAsMCwuNzMxbDUuMTEzLDUuMTExYS41My41MywwLDAsMCwuNzMsMGwuNzMxLS43M0E0LjEzNSw0LjEzNSwwLDAsMCwyMi43OTIsMS4yMDlaIi8+PC9zdmc+);
}

.chat div.content .text {padding-bottom:0;} 
.chatitem {margin-bottom:5px;font-size:12px;}
.chatitem div.ticket-message2 {display:block; padding:5px 0; list-style-position: inside; width: 565px;}
.chatitem div.ticket-avatar {display:block; text-align:right; padding:5px 0; font-size:12px;}
.chatitem div.content .text {padding:3px 10px;}
.chatitem div.content .text div.msg, .chatitem div.content .text div.msg m { font-size:12px; width:555px;}
.chatitem div.content .text div.msg p, .chatitem div.content .text div.msg m p{ overflow-x: hidden; text-overflow: ellipsis;word-break: break-word;}
.chatitem div.content .text div.msg .system_info{
    display: block;
    border: 1px solid #CCC;
    padding: 5px;
    text-align: left;
    font-size: 11px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}
.chatitem div.content .text div.msg .system_info.email_source ~ *>blockquote:not(.active),
.chatitem div.content .text div.msg .system_info.email_source ~ blockquote:not(.active){
    max-height: 200px;
    overflow: auto;
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 11px;
}
.chatitem div.content .text div.msg .system_info.email_source ~ *>blockquote:not(.active):after,
.chatitem div.content .text div.msg .system_info.email_source ~ blockquote:not(.active):after{
    position: absolute;
    display: block;
    content: ' ';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(236 234 255) 0%, rgba(255,255,255,0) 100%);
}

.chatitem div.content .text div.msg .system_info.voice_mail_user_info{
    background-color: #efff00;
    font-size: 13px;
    font-weight: bold;
}

.chatitem p { font-size:12px; }
.chatitem p.left {
    display:block;
    width:490px;
}
.chatitem p.right {
    display:block;
    text-align:right;
}
.chatitem span.title {font-weight:bold; color:#000; font-size:13px; display:block;}
.chatitem span.date {font-size:11px; color:#6e7b8a; margin-bottom:8px; display:block;}
.chatitem span.img {width:52px; height:52px; padding:2px 3px 0 0 ; display:block;}
.chatitem span.img img {width: 48px;}
.chatitem span.edit a {display:block; height:16px; background:url(../img/btn_edit.png) 0 0 no-repeat; padding-left:20px; font-size:11px;}
.chatitem div.bottom, .chatitem div.top {
    width:100%;
    height:5px;
}
.chatitem div.bottom span, .chatitem div.top span {display:block; width:5px; height:5px;}
.chatitem p.admin_comment_answer {
    clear: both;
    font-weight: bold;
    padding:0;
}      

.userchat span.img {background:url(../img/userblock_pic.gif) right 0 no-repeat;}
.userchat div.content {
    width:100%;
    background:#ebf6ff url(../img/block_border.gif) 0 0 repeat-y;
}     
.userchat div.content .text {background:url(../img/block_border.gif) right 0 repeat-y;}                                                                                                   

.userchat div.bottom { background:url(../img/userblock_bot.gif) 0 0 repeat-x; }
.userchat div.bottom span.left {background:url(../img/userblock_lbc.gif) 0 0 no-repeat;}
.userchat div.bottom span.right {background:url(../img/userblock_rbc.gif) 0 0 no-repeat;}
.userchat div.top {background:#ebf6ff; }
.userchat div.top span.left {background:url(../img/userblock_ltc.gif) 0 0 no-repeat;}
.userchat div.top span.right {background:url(../img/userblock_rtc.gif) 0 0 no-repeat;}

.admchat span.img {background:url(../img/adminblock_pic.gif) right 0 no-repeat;}
.admchat div.content {width:100%; background:#edfcd0 url(../img/block_border.gif) 0 0 repeat-y;}
.admchat div.content .text {background:url(../img/block_border.gif) right 0 repeat-y;}   
.admchat div.bottom { background:url(../img/admblock_bot.gif) 0 0 repeat-x; }
.admchat div.bottom span.left {background:url(../img/admblock_lbc.gif) 0 0 no-repeat;}
.admchat div.bottom span.right {background:url(../img/admblock_rbc.gif) 0 0 no-repeat;}
.admchat div.top { background:#edfcd0; }
.admchat div.top span.left {background:url(../img/admblock_ltc.gif) 0 0 no-repeat;}
.admchat div.top span.right {background:url(../img/admblock_rtc.gif) 0 0 no-repeat;}

div.admin-menu .content div.text {padding:0;}
ul.admin-menu {
    padding:0px;
    list-style:none;
    list-style-position:outside;
}
ul.admin-menu li {
    color:#505B67;
    font-size:11px;
}
ul.admin-menu li.sub a {padding-left:20px;}
ul.admin-menu li a {
    display:block;
    color:#073666;
    padding:4px 7px;
}
ul.admin-menu li a:hover {
    background-color:#C2E4EF;
    text-decoration:none;
}
ul.admin-menu li a.active {font-weight:bold; background-color:#C2E4EF;}
ul.admin-menu li.sub  a.active {background:none;}
ul.admin-menu li a.logout {
    color:#000;
    font-weight:bolder;
}

.button {cursor:pointer; margin:5px 0;}
.button input {
    border: 0;
    float: left;
    background: url(../img/button-bg.png) right 0 no-repeat;
    height: 26px;
    font-size: 11px;
    padding-right: 8px;
    padding-bottom: 3px;
    cursor: pointer;
    overflow: visible;
    outline: none;
}
.button:hover input {background:url(../img/button-bg.png) right -26px no-repeat;}
.button span {display:block; width:8px; height:26px; background:url(../img/button-left-bg.png) 0 0 no-repeat;}
.button:hover span {background:url(../img/button-left-bg.png) 0 -26px no-repeat;}
.button-separator {float:left; padding:3px;}  
h3 {font-size:14px; padding:10px 0 5px 0;}

.button2{
	cursor	:pointer; 
	margin	:5px 0;
}
.button2 input {
	border	:0; 
	float	:left; 
	background:url(../img/button.png) right -72px no-repeat; 
	height	:36px; 
	font	:13px Arial; 
	padding	:0px 18px 0px 6px; 
	cursor	:pointer;
    outline: none;
}
.button2:hover input {
	background:url(../img/button.png) right -108px no-repeat;
    outline: none;
}
.button2 span {
	display:block; 
	width:12px; 
	height:36px; 
	background:url(../img/button.png) 0 0 no-repeat;
}
.button2:hover span {
	background:url(../img/button.png) 0 -36px no-repeat;
}

.button.continue input {border:0; float:left; background:url(../img/button-continue.png) 0 0 no-repeat; height:42px; padding:0px; cursor:pointer;}
.button.continue:hover input {background-position:0px -43px;}
.button.continue.disabled input {background-position:0px -86px;}

.ask {margin-bottom:30px; padding-top:15px;}
.ask div.title {background:none; height:64px;}
.ask div.title-ask {background:url(../img/user-interface-ask-header.png) 0 0 no-repeat; height:66px;}
.ask div.title-ask-collapsed { height:67px; background:url(../img/user-interface-ask-button-bg.png) 0 0 no-repeat;}
.ask div.title a {display:block; height:27px; width:181px; font-size:21px; padding:20px 0; padding-left:20px; outline: none; }
.ask div.title a:hover {text-decoration:none;}
.ask div.title a span {border-bottom:1px dotted #147BE3;}
.ask div.title a:hover span {border:none;}

.ask div.tabs {background:url(../img/title_answer_bg.gif) 0 bottom repeat-x; height:64px; 
    list-style-image:none; list-style-position:outside; list-style-type:none;
}
.ask div.tabs div.tab { float:left; line-height:50px; height:60px; color: #000; padding:2px 10px; font-size:21px; display:block; background:url(../img/title_tabs_bg.gif) 0 0  repeat-x;max-width: 300px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ask div.tabs div.tab-active { background-position: 0 -64px;}
.ask div.tabs div.tab a { padding:0; margin:0; width:auto; outline: none; }

.ask div.tabs div.tab-sep { background:url(../img/title_tabs_lr.gif) 0 0 no-repeat; float:left; height:64px; width:10px;}
.ask div.tabs div.first, .ask div.tabs div.first-nactive {background-position: -10px 0;}
.ask div.tabs div.first-active {background-position: 0 0; }
.ask div.tabs div.prev-active, .ask div.tabs li.next-nactive {background-position: -60px 0; width:20px;}
.ask div.tabs div.prev-next-nactive, .ask div.tabs div.next-prev-nactive {background-position: -40px 0; width:20px;}
.ask div.tabs div.prev-nactive, .ask div.tabs div.next-active {background-position: -20px 0; width:20px;}
.ask div.tabs div.last-active {background-position: -90px 0; }
.ask div.tabs div.last-nactive {background-position: -80px 0;}
.ask div.tabs div.end { width: 8px; height:64px; background:url(../img/title_tabs_lr.gif) -100px 0 no-repeat; float: right;} 



.ask div.content {
    width:100%;
    background:#EBF8FB url(../img/user-interface-left.png) 0 0 repeat-y;
}
.ask div.content .text {padding:10px; background:url(../img/user-interface-right.png) right 0 repeat-y;}
.ask div.bottom {
    width:100%;
    height:7px;
    background:url(../img/user-interface-bot.png) 0 0 repeat-x;
}
.ask div.bottom span {display:block; width:7px; height:7px;}
.ask div.bottom span.left {background:url(../img/user-interface-lbc.png) 0 0 no-repeat;}
.ask div.bottom span.right {background:url(../img/user-interface-rbc.png) 0 0 no-repeat;}

.history {position:absolute; margin-left:225px; padding-top:30px; z-index:200; height:67px;}
.history a {display:block; padding-left:40px; line-height:30px; font-size:13px; height:30px; background:url(../img/icon-history.png) 0 0 no-repeat;}

.ask-list, .index-base {background:url(../img/user-interface-asklist-header.png) 0 0 no-repeat;}
.cat-list {background:url(../img/user-interface-asklist-header.png) 0 -68px no-repeat;}
.ask-list div.title {height:68px;}
.ask-list div.content, .index-base div.content {
    width:100%;
    background:#edfcd0 url(../img/user-interface-green-left.png) 0 0 repeat-y;
}
.ask-list div.content .text, .index-base div.content .text {padding:10px 25px; background:url(../img/user-interface-green-right.png) right 0 repeat-y;}   

.ask-list div.top {
    width:100%;
    height:7px;
    background:url(../img/user-interface-green-top.gif) 0 0 repeat-x;
}
.ask-list div.top span {display:block; width:7px; height:7px;}
.ask-list div.top span.left {background:url(../img/green-corners.gif) 0 0 no-repeat;}
.ask-list div.top span.right {background:url(../img/green-corners.gif) -7px 0 no-repeat;}

.ask-list div.bottom {
    width:100%;
    height:7px;
    background:url(../img/user-interface-green-bot.png) 0 0 repeat-x;
}
.ask-list div.bottom span {display:block; width:7px; height:7px;}
.ask-list div.bottom span.left {background:url(../img/green-corners.gif) 0 -7px no-repeat;}
.ask-list div.bottom span.right {background:url(../img/green-corners.gif) -7px -7px no-repeat;}

.index-base div.top {
    width:100%;
    height:7px;
    background:url(../img/user-interface-green-top.gif) 0 0 repeat-x;
}
.index-base div.top span {display:block; width:7px; height:7px;}
.index-base div.top span.left {background:url(../img/green-corners.gif) 0 0 no-repeat;}
.index-base div.top span.right {background:url(../img/green-corners.gif) -7px 0 no-repeat;}

.index-base div.bottom {
    width:100%;
    height:7px;
    background:url(../img/user-interface-green-bot.png) 0 0 repeat-x;
}
.index-base div.bottom span {display:block; width:7px; height:7px;}
.index-base div.bottom span.left {background:url(../img/green-corners.gif) 0 -7px no-repeat;}
.index-base div.bottom span.right {background:url(../img/green-corners.gif) -7px -7px no-repeat;}

.ask-list h2 {
    float:left;
    font-size:19px;
    font-weight:normal;
    padding:19px 0;
    text-align:center;
    width:202px;
}
.ask-list a {
    display:block;
    float:left;
    font-size:19px;
    font-weight:normal;
    padding:19px 0;
    text-align:center;
    width:202px;
    outline: none;
}
.ask-list a:hover {text-decoration:none}
.ask-list a span {
    border-bottom:1px dotted #147BE3;
}
.ask-list a:hover span {
    border-bottom:none;
}
.ask-list div.item {float:left; width:247px; margin-right:15px;}
.ask-list h1 {
    color:black;
    font-size:23px;
    font-weight:normal;
    letter-spacing:-1px;
}
.ask-list h1.popular {
    padding:18px 0 20px 55px;
    background:url(../img/icon-popular.png) 0 0 no-repeat;
}
.ask-list h1.last {
    padding:18px 0 20px 70px;
    background:url(../img/icon-last.png) 0 0 no-repeat;
}
.ask-list h1.favorite {
    padding:18px 0 20px 60px;
    background:url(../img/icon-favorites.png) 0 0 no-repeat;
}
.ask-list ul {
    list-style:none;
}
.ask-list ul li {
    display:block;
    background:url(../img/icon-question.png) 0 0 no-repeat;
    padding-left:24px;    
}

.ask-list ul li a {
    color:black;
    font-size:13px;
    padding:0;
    float:none;
    text-align:left;
    width: auto;
}
.ask-list ul li a.topic {
    color:#848C74;
    font-size:11px;
    padding-bottom:10px;
    padding-top:3px;
}

.cat-list div.item {width:240px; white-space:nowrap; margin-bottom:30px; padding-left:5px; overflow: hidden; text-overflow: ellipsis;}
.cat-list div.item a {padding:0; font-size:17px; text-align: left; margin-bottom: 5px;}
.cat-list div.item a:hover {text-decoration: underline;}
.cat-list div.item a.sub {padding:0; font-size:13px; text-align: left; margin: 0 0 2px 8px;}
.cat-list div.item a span.ellipsis{
	border-bottom: 0 none;
	text-decoration: none;
	color: inherit;max-width: 210px;	overflow: hidden;text-overflow: ellipsis;display:block;float: left;padding-right: 5px;cursor: pointer;
}
.cat-list div.item a:hover span.ellipsis{
	text-decoration: underline;
}
.cat-list div.item span.count {
    color:#848C74;
    border-bottom: 0 none;
	display: block;
}
.cat-list div.item a.sub span.count {
    color: #b8b8b8;
    font-weight: bold; 
    border-bottom: 0 none;
}
.cat-list div.item a.sub span.ellipsis{
	max-width: 202px;
}
.ask-search {position:absolute; width:238px; margin-left:605px; margin-top:10px; z-index:200;}

div.text-field input {
    border:1px solid #fff;
    font-size:12px;
    margin-left:5px;
    position:relative;
    top:3px;
    width:190px;
    outline: none;
}
div.text-field-success input {
    background-color: #ACFF88;
    border:1px solid #ACFF88;
}
div.text-field-error input {
    background-color: #FBE1E1;
    border:1px solid #FBE1E1;
}

div.text-field {
    background-image:url(../img/user-interface-input-bg.png);
    background-repeat:no-repeat;
    display:block;
    height:22px;
    width:198px;
}

div.text-field-success {
    background-position: 0 -22px;
}
div.text-field-error {
    background-position: 0 -44px;
}

td.label {
    color:black;
    font-size:13px;
    padding:3px 20px 14px 0;
}                
span.elabel {
    display:block;
    float:left;
    padding-right:15px;
    padding-top:7px;
    width:57px;
}  
.ask form {margin-left:10px;}
.ask div.e-mail-wrapper {
    height:73px;
    width:443px;
}
.ask div.e-mail-exist {
    background:url(../img/user-interface-email-bg.png) 10px 0 no-repeat;
}
.ask div.email-status {
    margin-top:20px;
    text-align:center;
    width:130px;
}
.ask div.subs-sd {
    clear:both;
    color:#A1B7BC;
    margin:10px 0;
}
.ask div.subs-sd input {
    position:relative;
    top:2px;
}
.ask div.file-types {
    
    left:4px;
    position:relative;
    max-width:400px;

    color: #999898;
    margin-top: 5px;
}
div.einput {
    padding-top:7px;
    text-align:left;
    width:217px;
}

.adv {}
.adv div.content {background:#fff url(../img/advblock_border.gif) 0 0 repeat-y;}
.adv div.content .text {background:url(../img/advblock_border.gif) right 0 repeat-y; padding:0 10px;}
.adv div.top span, .adv div.bottom span {display:block; float:left; height:8px;}
.adv div.top span.center {background-color:#fff;}
.adv div.top span.left {width:8px; background:url(../img/advblock_ltc.png) 0 0 no-repeat;}
.adv div.top span.right {width:8px; background:url(../img/advblock_rtc.png) 0 0 no-repeat;}
.adv div.bottom {background:none;}
.adv div.bottom span.center {background:url(../img/advblock_bot.png) 0 0 repeat-x;}  
.adv div.bottom span.left {width:8px; background:url(../img/advblock_lbc.png) 0 0 no-repeat;}
.adv div.bottom span.right {width:8px; background:url(../img/advblock_rbc.png) 0 0 no-repeat;}

.register form {padding-left:170px;}
.register form em {font-style:normal; background-color:#D8FF86; color:#4B4E46;}
.register form em.exists {background-color:#FFBFCC;}

.reguser {
    margin-bottom:10px;
    width:100%;
}
.reguser div.blokus_a {
    font-size:12px;
    padding-right:15px;
    text-align:right;
    width:105px;
    margin-top		: 3px;
}
.reguser div.blokus_b {
    width:185px;
}
.register-login-back {
    background:transparent url(../img/register_login_back.png) no-repeat scroll right 0;
    height:65px;
    padding:15px 0;
    width:335px;
}
.register-pass-back {
    background:transparent url(../img/register_pass_back.png) no-repeat scroll right 0;
    height:80px;
    padding:15px 0;
    width:335px;
}
.register-additional {
    font-weight:bold;
    padding:0px 0 0 10px;
}
.register-login-rules{
	text-align: justify;	
	width:280px;
	height: 175px;
	font-weight:normal;
	display:block; 
	visibility:hidden;
}
.register-login_rules_error{
	color:#e25000;
	font-weight: bold;
}
.register-additional div.pass-mess span {
    color:#47B915;
}
.register-additional div.register-captcha-back {
    background:transparent url(../img/register_capture_back.png) no-repeat scroll 0 0;
    height:47px;
    margin-top:15px;
    padding-top:10px;
    text-align:center;
    width:135px;
}
.register-additional div.pass-mess span.error {
    color:#D80606;
}
.reguser div.small {
    color:#5E5E5E;
    font-size:11px;
    margin-top:5px;
    padding-left:3px;
}
.register h1 {    
    float:left;
    font-size:19px;
    font-weight:normal;
    padding:19px 0;
    text-align:center;
    width:202px;
}

.info-panel {margin-bottom:10px;}
.info-panel div.title p {
    display:block;
    padding:0 10px 5px 10px; 
    background:#166ba1 url(../img/info-panel-title-content_bg.png) 0 0 repeat-x;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bolder;
    margin:0 1px;
}
.info-panel div.title p span{
    display: inline-block;
    height: auto;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-panel div.title span {display:block; height:5px;}
.info-panel div.title span.left {width:5px; background:url(../img/info-panel-title-ltc.png) 1px 0 no-repeat;}
.info-panel div.title span.right {width:5px; background:url(../img/info-panel-title-rtc.png) -1px 0 no-repeat;}
.info-panel div.title span.center {float:left; background:url(../img/info-panel-title-bg.png) 0 0 repeat-x;}
.info-panel div.title div.content  {
    width:100%;
    margin-left:1px;
    background:url(../img/block_border.gif) 0 5px repeat-y;
}
.info-panel div.title div.content .text {background:url(../img/block_border.gif) right 5px repeat-y; margin-right:2px;     padding:0;}

.info-panel div.content  {
    width:100%;
    background:url(../img/block_border.gif) 2px 5px repeat-y;
}
.info-panel div.content .text {background:url(../img/block_border.gif) right 5px repeat-y; margin-right:1px; padding:10px;}
.info-panel div.bottom span {display:block; height:26px;}
.info-panel div.bottom span.left {width:5px; background:url(../img/info-panel-bot-lbc.gif) 2px 0 no-repeat;}
.info-panel div.bottom span.right {width:5px; background:url(../img/info-panel-bot-rbc.gif) -1px 0 no-repeat;}
.info-panel div.bottom div.center {float:left;  height:26px; background:url(../img/info-panel-bot-bg.gif) 0 0 repeat-x;}
.info-panel div.bottom div.center .content {background:none; padding:0 10px; font-size:11px;}

.info-panel ul {
    float:right;
    height:24px;
    list-style:none;
    margin:0;
    padding:0 5px 0 0;
    position:relative;
    right:0;
    top:1px;
}
.info-panel ul li {
    background:url(../img/info-panel-separator.gif) 0 -1px no-repeat;
    display:block;
    float:left;
    padding:5px 12px;
}
a.more {
    background:url(../img/info-panel-more.png) right 3px no-repeat;
    padding-right:16px;
}
span.post-date {
    background:url(../img/icon-date.png) left -1px no-repeat;
    color:#717171;
    height:16px;
    padding-bottom:3px;
    padding-left:20px;
}
table.admtbl {
    font-size:11px;
    width:100%;
}
table.admtbl th {
    height:22px;
    font-weight:bold;
    padding:1px;
    white-space: nowrap;
}
table.admtbl .small {
    font-size:10px;
}
table.admtbl tr td {
    padding:5px 3px;
}
table.admtbl.compact tr td {
    padding:3px 3px;
}
table.admtbl tr.white, table.admtbl tr.row0 {
    background-color:#EBF6FF;
    border-top:1px solid #C7E6FF;
    border-bottom:1px solid #C7E6FF;        
}

table.admtbl tr:hover a {
    /*text-decoration: underline;*/ 
}

table.admtbl .icon_filter{
    cursor: pointer;
    opacity: 0.35;
}
table.admtbl .icon_filter:hover{
    opacity: 1;
}
table.admtbl .icon_filter.active{
    opacity: 1;
}

table.tblhover tr:hover {
    background-color:#C7E6FF; color:#000; cursor:default;
}
table.tblhover tr.header:hover {
    background-color:transparent; color:#000; cursor:default;
}
table.tblhover tr.footer:hover {
    background-color:transparent; color:#000; cursor:default;
}
table.admtbl tr, table.admtbl td {
    vertical-align:middle;
}
table.admtbl tr.clickable>td{
    cursor: pointer;
}

table.admtbl td.row1, table.admtbl td.row2 {
    vertical-align:top;
}

span.qstatus_1 {display:block; cursor: pointer; width:16px; height:16px; background:url(../img/status.png?2) 0 0 no-repeat;}
span.qstatus_2,span.qstatus_7 {display:block; cursor: pointer; width:16px; height:16px; background:url(../img/status.png?2) 0 -16px no-repeat;}
span.qstatus_3,span.qstatus_6 {display:block; cursor: pointer; width:16px; height:16px; background:url(../img/status.png?2) 0 -32px no-repeat;}
span.qstatus_4,span.qstatus_5 {display:block; cursor: pointer; width:16px; height:16px; background:url(../img/status.png?2) 0 -48px no-repeat;}
span.qstatus_8 {display:block; cursor: pointer; width:16px; height:16px; background:url(../img/status.png?2) 0 -64px no-repeat;}

ul.picto {list-style:none;}
ul.picto li {padding:2px 0; display: block;}
ul.picto span {margin:4px 9px 0 0;}
ul.picto div {margin-top:5px;}
ul.picto .icon{float: left;width: 24px;}

.answer {margin-bottom:10px;}
.answer div.bottom {height:32px; background:url(../img/answer_bg_bot.gif) 0 0 repeat-x; border-top:1px solid #c1f55c;}
.answer div.bottom span {height:32px; width:8px;}
.answer div.bottom span.left {background:url(../img/answer_lbc.gif) 0 0 no-repeat;}
.answer div.bottom span.right {background:url(../img/answer_rbc.gif) 0 0 no-repeat;}
.answer div.addition-block {padding:0 1px; background:url(../img/answer_border.gif) 0 0 repeat-y;} 
.answer div.addition-block .content {background:url(../img/answer_border.gif) right 0 repeat-y; padding-right:1px; }
.answer div.addition-block .text {background:#edfcd0 url(../img/answer_bg.gif) 0 0 repeat-x; border:1px solid #f4fde2; border-top:none; padding:25px 30px; font-size:13px;}
.answer div.addition-block .text>img {display:block; margin:10px auto;}
.answer div.addition-block .text img {margin:10px auto;}
.answer div.addition-block .text a.sub { padding:0; font-size:17px; text-align: left; margin-bottom: 10px; display: block;}
.answer div.addition-block .text a.sub span { color:#848C74; font-size:15px;  font-weight: bold; border-bottom: 0 none; }

.answer div.bottom div.center div {white-space:nowrap;}
.answer div.bottom div.center span {width:auto; line-height:28px; float:left;}
.answer div.bottom div.center span.title {color:#636d50; padding:0 5px;}
.answer div.bottom div.center span.result {color:#000;}
.answer div.bottom div.center div.left {margin-right:45px;}
.answer div.bottom div.center .rating {padding:6px 5px 0 0; margin:0;}
.answer div.bottom div.center div.date {background:url(../img/date.png) 0 6px no-repeat; padding-left:15px;}
.answer p.questioncontent {color:#023f51; text-align:center; font-size:14px; font-weight:bold; padding:5px 50px 15px 50px;}

.answer div.questions_cat {padding-left:10px;}
.answer div.questions_cat .item {background:url(../img/ico_ask.gif) 0 2px no-repeat; line-height:18px; padding-left:20px; color:#848c74; padding-bottom:5px}
.answer div.questions_cat .item a {font-weight:bold; color:#000;  font-size:12px; padding-right:10px; text-decoration:underline}
.answer div.questions_cat .item a.nocomm {padding-right:0px;}
.answer div.questions_cat .item a:hover {text-decoration:none}
.answer div.questions_cat .item .rating {margin-left:8px; padding-top:2px}

.answer .pagenation_cat {padding:7px 0 0 5px; color:#147BE3;}
.answer .pagenation_cat a {text-decoration:underline; padding:0 2px;}
.answer .pagenation_cat a:hover {text-decoration:none}
.answer .pagenation_cat a.active {color:#fff; text-decoration:none; background-color:#147BE3; padding:2px 3px;}
.answer .pagenation_add {padding:5px 5px 0 0;}
.answer .pagenation_add * {font-size:11px;}

.page {padding-top:20px;}   
.page div.top {height:8px; background:#ebf8fb url(../img/page_top_bg.gif) 0 0 repeat-x;}
.page div.top .left {width:8px; height:8px; background:url(../img/page_corners.gif) 0 0 no-repeat;}
.page div.top .right {width:8px; height:8px; background:url(../img/page_corners.gif) -8px 0 no-repeat;}
.page div.bottom {height:8px; background:#ebf8fb url(../img/page_bg.gif) 0 bottom repeat-x;}
.page div.bottom .left {width:8px; height:8px; background:url(../img/page_corners.gif) 0 -8px no-repeat;}
.page div.bottom .right {width:8px; height:8px; background:url(../img/page_corners.gif) -8px -8px no-repeat;}

.page div.content {background:#ebf8fb url(../img/page_bg.gif) 0 0 repeat-y;}
.page div.content .text {font-size:13px; padding:0 17px; background:url(../img/page_bg.gif) right 0 repeat-y;}
.page div.content .text p {padding-bottom:15px;}
.page div.content .text h1 {color:#147be3; font-size:28px; padding:10px 0;}
.page div.content .text h2 {color:#147be3; font-size:24px; padding:10px 0;}
.page div.content .text h3 {color:#147be3; font-size:20px; padding:5px 0;}
.page div.content .text h4 {color:#147be3; font-size:18px; padding:5px 0;}
.page div.content .text h5 {color:#147be3; font-size:14px; padding:5px 0;}
.page div.content .text h6 {color:#147be3; font-size:12px; padding:5px 0; font-weight:bold;}
.page div.content .text a {color:#147be3;} 
.page div.content .text-hb {padding:5px 17px;}
.page div.content .text-hb p {padding-bottom:0;}

/* rating */
.answer div.bottom div.center .rating {float: left;}
.answer div.bottom div.center .rating span.star { float:left; width:18px; height:15px; cursor:pointer; }
.rating:after { clear:both; content:'.'; display:block; height:0; visibility:hidden; width:0; }
.rating .star { cursor:pointer; float:left; height:15px; overflow:hidden; text-indent:-999em; width:17px; } 
.rating .star, .rating .star a { background:transparent url(../img/star.png) no-repeat scroll 0 0; }
.rating .star a { background-position:0 0; display:block; height:100%; width:100%; }           
.rating span.on a, .rating span.hover a, .rating span a:hover { background-position:0 -15px; } 
.rating span a.disabled:hover { background-position:0 0; cursor: default; }
.rating span.on a.disabled { background-position:0 -15px; cursor: default; } 

/* message box */
.mbox_transparent_bg { background-color: #FFFFFF; height:100%; left:0;
    opacity:0; position:absolute; top:0; width:100%; z-index:1000; }
.mbox_container { left:50%; position:absolute; z-index:1003; }
.mbox_body { padding: 5px 0 5px 0; }
.mbox_controls { height:26px; }

.pagenation {font-size:15px;}
.pagenation a {font-weight:bold; color:#19aad4;}
.pagenation a:hover {border-bottom:1px dotted #147BE3; text-decoration: none;}
.pagenation span:hover {border-bottom:1px dotted #;}
.pagenation span.back {margin-left:70px;}

.comment h3 {font-size:13px; padding:25px 0 0 30px;}
.comment div.content .text {padding:0 10px 10px 10px;}
.comment div.capture {background:url(../img/register_capture_back.png) 0 0 no-repeat; width:135px; height:47px; margin-left:15px; padding:10px 0 0 10px;}
.comment div.blokus_b {width:auto;}

span.avatar {
    width: 64px;
    height: 64px;
    display: block;
    text-align: right;
    padding: 3px;
    background-color: #c1d4e5;
    border-radius: 3px;
}

.title+.content .avatar{
    width: 48px;
    height: 48px;
}
span.avatar img{
    width: 100%;
    border-radius: 2px;
}

.inline_logo{
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor: default;
}
.inline_logo.small{
    width: 24px;
    height: 24px;
}
.inline_logo img{
    width: 100%;
    border-radius: 2px;
}
.counter {
    color:#D8062D;
    font-weight:bold;
}

/* slider */

/* Блок с трэками */
.b-calctracks {
    background: #e4eff2;
    padding: 15px;
    width: 600px;
    }
    .b-calctracks-row {
        overflow: hidden;
        padding: 16px 84px 3px 55px;
        }
        .b-calctracks-row i {
            background: #FFF;
            font-size: 10px;
            padding: 0 4px;
            vertical-align: super;
            }
    .b-calctracks-track {
        float: right;
        }

/* Табличка */
.b-trackbar {
    background: url(../img/slider-bg.gif) repeat-x;
    font-size: 12px;
    height: 17px;
    position: relative;
    width: 175px;
    }
    .b-trackbar-slider {
        background: url(../img/slider.gif) no-repeat;
        cursor: pointer;
        height: 17px;
        left: -5px;
        position: absolute;
        top: 0;
        width: 10px;
        }
    .b-trackbar-leftlabel,
    .b-trackbar-rightlabel,
    .b-trackbar-sliderlabel {
        color: #CCC;
        cursor: default;
        position: absolute;
        top: -18px;
        white-space: nowrap;
        }
    .b-trackbar-leftlabel,
    .b-trackbar-rightlabel {
        cursor: pointer;
        }
    .b-trackbar-leftlabel {
        right: 100%;
        }
    .b-trackbar-rightlabel {
        left: 100%;
        }
    .b-trackbar-sliderlabel {
        color: #000;
        z-index: 10
        }
        
/*.popupError { position:absolute; z-index:1010; }        
.popupError div.contentBlock {width:100%;}    
.popupError div.contentBlock .popup-top td.popup-content {background:url(../img/error_tbg.png) 0 7px repeat-x;} 
.popupError div.contentBlock .popup-top td.popup-top-left {background:url(../img/error_tlc.png) 0 0 no-repeat; width: 24px;}  
.popupError div.contentBlock .popup-bottom td.popup-content {background:url(../img/error_bbg.png) 0 0px repeat-x;}
.popupError div.contentBlock .popup-bottom td.popup-bottom-left {background:url(../img/error_blc.png) 0 0 no-repeat; width: 24px; height:14px;}  
.popupError div.contentBlock .popup-bottom td.popup-bottom-right {background:url(../img/error_rbc.png) 0 0 no-repeat; width: 24px;} 
.popupError div.contentBlock .popup-main {background:url(../img/error_lbg.png) 6px 0 repeat-y; padding:0 6px 0 7px;}
.popupError div.contentBlock .popup-main .popup-content {background:#ebf8fb url(../img/error_rbg.png) right 0 repeat-y; text-align:center; padding:0 20px 4px 20px; font-size:18px;}
.popupError div.contentBlock .popup-main .popup-content div.preview { padding: 10px; font-size: 12px; text-align:left; width:350px; }
.popupError a.close { outline: 0 none; background:url(../img/error_rtc.png) 0 0 no-repeat; display: block; width: 24px; height: 25px;}
.busyLayer { background-color:#000; height:100%; width:100%; left:0; top: 0; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity: 0.65;
    position:absolute; z-index:1000; 
} */

.popupError { position:absolute; z-index:1010; }        
.popupError div.contentBlock {width:100%;}    
.popupError div.contentBlock .popup-top td.popup-content {background:url(../img/popup-bg-tb.gif) 0 7px repeat-x;} 
.popupError div.contentBlock .popup-top td.popup-top-left {background:url(../img/popup.gif) 6px 0 no-repeat; width: 24px;}  
.popupError.png div.contentBlock .popup-top td.popup-top-left {background-image:url(../img/popup.png)}
.popupError div.contentBlock .popup-bottom td.popup-content {background:url(../img/popup-bg-tb.gif) 0 -6px repeat-x;}
.popupError div.contentBlock .popup-bottom td.popup-bottom-left {background:url(../img/popup.gif) 6px -26px no-repeat; width: 24px; height:15px;}  
.popupError.png div.contentBlock .popup-bottom td.popup-bottom-left {background-image:url(../img/popup.png)}
.popupError div.contentBlock .popup-bottom td.popup-bottom-right {background:url(../img/popup.gif) -19px -26px no-repeat; width: 24px;} 
.popupError.png div.contentBlock .popup-bottom td.popup-bottom-right {background-image:url(../img/popup.png)} 
.popupError div.contentBlock .popup-main {background:url(../img/popup-bg-lr.gif) 6px 0 repeat-y; padding:0 6px 0 7px;}
.popupError div.contentBlock .popup-main .popup-content {background-color:#EBF8FB; border-right:1px solid #87E2F6; text-align:center; padding:0 20px 4px 20px; font-size:18px;}
.popupError div.contentBlock .popup-main .popup-content div.preview { padding: 10px; font-size: 12px; text-align:left; width:350px; }
.popupError div.contentBlock .popup-main .popup-content div.confirm { font-size: 12px; }  
.popupError a.close { outline: 0 none; background:url(../img/popup.gif) -19px 0 no-repeat; display: block; width: 24px; height: 25px;}
.popupError.png a.close {background-image:url(../img/popup.png)}
.popupError div.contentBlock .popup-main .popup-content>img{

}

.busyLayer { 
	background-color:#ffffff; 
	height:100%; width:100%; 
	left:0; top: 0; 
	position:absolute; 
	z-index:1000; 
	margin: auto; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65);
    opacity: 0.65;
}

 /*Error and Success massages*/
.error_block {width: 400px; margin:auto; margin-bottom: 4px;}
.error_content {padding:10px 50px; margin-top:15px; border:1px solid #dbdbdb; text-align: left;}
.error, .error * {padding:3px 0; font-size:11px;}
.error {padding-left:12px;}
.message {text-align: center; font-size: 11px;}

.error_content {background-color:#fffdeb; border-color: #ddd9d8;}
.error, .error * {color:#e25000;}
.success_block *{color:#000;}
.message {color: #499F1D;}
                                                                                     
.success div.content {text-align: left;}
.success div.title {
        background:url(../img/icon_success.gif) 0 0 no-repeat; 
        padding:3px 0 0 25px; 
        height:20px; 
        font:bold 15px Arial; 
        margin-bottom:8px;
}
                                                 
div.title a.edit_profile {background:url(../img/ico_edit.gif) 0 0 no-repeat; color:#fff; padding-left:16px; line-height:24px; font-size:10px; font-weight:normal; text-decoration:underline; margin-right:5px;}
div.title a.edit_profile:hover {text-decoration:none;}

.calc {font-size:11px;}
.calc h3 {padding-top:0; padding-bottom:10px;}
.calc div.group {background:url(../img/calc_service_bg.gif) 0 0 no-repeat; width:575px; height:36px; line-height:36px; margin-bottom:5px;}
.calc div.group .slider_block {position:relative; margin-top:10px;  width:282px; height:18px; background:url(../img/calc_slider_bg.gif) 0 bottom no-repeat;}
.calc div.group .slider {background:url(../img/calc_slider.png) 0 bottom no-repeat; width:8px; height:20px; position:absolute; left:0%; cursor:pointer;}
.calc div.group .slider_way {background:url(../img/calc_select_area_bg.gif) 0 bottom repeat-x; left:3px; width:0%; height:18px; position:absolute;}
.calc div.group .slider_block .leftlabel {position:absolute; top:-18px; right:100%; white-space:nowrap; color:#969696;}
.calc div.group .slider_block .rightlabel {position:absolute; top:-18px; left:100%; white-space:nowrap; color:#969696;}
.calc div.group .slider_block .select {position:absolute; top:-18px; left:35%; white-space:nowrap;}
.calc div.group .price {font-weight:bold; width:98px; text-align:center;}
.calc div.group .title {width:145px; padding-left:10px; background:none;}
.calc div.group .title input {position:relative; top:2px;}

.calc div.service {width:558px; padding:0 10px; padding-top:3px; margin:auto;}
.calc div.service .title {background:none; width:80%;}
.calc div.service .title input {position:relative; top:2px;} 
.calc div.service label.inpro { margin-left:5px; color:#aaa;}
.calc div.service .price {font-weight:bold; margin-right:5px;}
.calc div.border {border-bottom:1px solid #b4c5d2;}

.systems {padding-left:2px; border-radius: 2px;}
.systems .item {float:left; width:188px; background-color: #fff; background-repeat: no-repeat; background-position: center center; height:73px; border:1px solid #b4c5d2; margin:0 1px 1px 0; position:relative; cursor: pointer; }
.systems .item a.info { background:url(../img/ps_info.png) 0 bottom no-repeat; width:14px; height:14px; opacity: 0.5; filter:Alpha(Opacity=50);  position:absolute; right:5px; top:5px;}
.systems .active {
	border: 4px solid #82c1e7;
	height: 67px;
	width: 182px;
	border-radius: 4px;}
.systems .item div.text {position:absolute; background:none; width:100%; font-size:11px; text-align:center; padding:0; top:65%}
.systems .item div.text a.ajax{text-decoration: none; color: #999; border-width: 0;}
.systems .tooltip {position:absolute; width:280px; background-color:#fff; padding:10px; border:1px solid #b4c5d2; font-size:11px; }
.systems .tooltip ul {list-style-position:inside; color:#5c5c5c; padding-top:5px;}
.bill {color:#000; font-weight:bold; font-size:12px; padding:10px;}
.bill span {color:#65ab00; font-weight:bold;}
.bill span.minus {color:#D8062D}
.bill div.item {padding-bottom:5px;}
.bill .nobold {font-weight:normal;}
.bill .mustpay {font-size:14px;}

input.progress {
    background:url("../img/progress-mini2.gif") no-repeat scroll 97% 50% transparent;
}
.videoBlock {
    width: 603px;
    margin-left:-30px;
    background:url("../img/v_bg.gif") repeat-y 0 0; 
}
.videoBlockIndex {
    margin-top: 108px;
}

.videoBlock div.content 
{
    background:url("../img/v_bottom.gif") no-repeat 0 bottom; 
    text-align: center;
    padding-bottom: 15px;
}
.videoBlock div.top 
{
    height: 29px;
    background:url("../img/v_top.gif") no-repeat 0 0; 
}
.videoBlock div.content .plBlock 
{
    width: 538px;
    margin: auto;
}
.plBlock div.pl {padding-bottom: 12px;}
.plBlock div.text, .plBlock div.text a {color: #333; font-size: 12px; line-height: 18px;}
.plBlock div.text a {text-decoration: underline;}
.plBlock div.text a:hover {text-decoration: none;}
.plBlock a.vButton {width: 116px; height: 20px; line-height: 18px; background:url("../img/v_button.gif") no-repeat 0 0; color: #fff; text-decoration: underline; font-size: 11px; display: block; margin-left: 2px;}
.plBlock a.vButton:hover {text-decoration: none;}

.iconBlock {margin-left:-30px;}
.iconBlock div.item {float: left; position: relative; font-size: 12px; width: 144px;  margin: 20px 8px 0 0; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; color: #000000;}
.iconBlock div.item .content { height: 164px;}
.iconBlock div.item .content td {padding:10px 7px;}
.iconBlock div.item .ico {position: absolute; top: 0; height: 164px;}
.iconBlock div.item a {display: block; margin-top: 5px; text-decoration: underline;}
.iconBlock div.item a:hover, .iconBlock div.item:hover a {color: #ffffff;}

.iconBlock div.icoStaff {background-image: url("../img/icons/ico_staff.gif");}
.iconBlock div.icoStaff:hover {background-position: 0 -164px;}

.iconBlock div.icoStaff1 {background-image: url("../img/icons/ico_staff1.gif");}
.iconBlock div.icoStaff1:hover {background-position: 0 -164px;}

.iconBlock div.icoStaff2 {background-image: url("../img/icons/ico_staff2.gif");}
.iconBlock div.icoStaff2:hover {background-position: 0 -164px;}

.iconBlock div.icoStaff3 {background-image: url("../img/icons/ico_staff3.gif");}
.iconBlock div.icoStaff3:hover {background-position: 0 -164px;}

.iconBlock div.icoStaff4 {background-image: url("../img/icons/ico_staff4.gif");}
.iconBlock div.icoStaff4:hover {background-position: 0 -164px;}

.iconBlock div.icoStaff5 {background-image: url("../img/icons/ico_staff5.gif");}
.iconBlock div.icoStaff5:hover {background-position: 0 -164px;}

.iconBlock div.icoGmail {background-image: url("../img/icons/ico_gmail.gif");}
.iconBlock div.icoGmail:hover {background-position: 0 -164px;}

.iconBlock div.icoBase {background-image: url("../img/icons/ico_base.gif");}
.iconBlock div.icoBase:hover {background-position: 0 -164px;}

.iconBlock div.icoInterface {background-image: url("../img/icons/ico_interface.gif");}
.iconBlock div.icoInterface:hover {background-position: 0 -164px;}

.iconBlock div.icoCollaborate {background-image: url("../img/icons/ico_collaborate.gif");}
.iconBlock div.icoCollaborate:hover {background-position: 0 -164px;}

.iconBlock div.icoSearch {background-image: url("../img/icons/ico_search.gif");}
.iconBlock div.icoSearch:hover {background-position: 0 -164px;}

.iconBlock div.icoInteractive1 {background-image: url("../img/icons/ico_interactive1.gif");}
.iconBlock div.icoInteractive1:hover {background-position: 0 -164px;}

.iconBlock div.icoInteractive2 {background-image: url("../img/icons/ico_interactive2.gif");}
.iconBlock div.icoInteractive2:hover {background-position: 0 -164px;}

.iconBlock div.icoInteractive3 {background-image: url("../img/icons/ico_interactive3.gif");}
.iconBlock div.icoInteractive3:hover {background-position: 0 -164px;}

.iconBlock div.icoDepartments {background-image: url("../img/icons/ico_departments.gif");}
.iconBlock div.icoDepartments:hover {background-position: 0 -164px;}

.iconBlock div.icoTemplates {background-image: url("../img/icons/ico_templates.gif");}
.iconBlock div.icoTemplates:hover {background-position: 0 -164px;}

.iconBlock .blockL {width: 296px; height: 104px; background:url("../img/about_blockBG.gif") 0 0 no-repeat; margin:8px 8px 0 0;}
*+html .iconBlock .blockL {margin-left:-30px;}
.iconBlock .blockL div.content {padding:7px 25px;}
.iconBlock .blockL p {font-size: 20px; color: #000;}
.iconBlock .blockL a {text-decoration: underline;}
.iconBlock .blockL a:hover {text-decoration: none;}
.iconBlock .blockR {width: 296px; height: 104px; background:url("../img/about_blockBG.gif") 0 -104px no-repeat;  margin-top:8px;}
.iconBlock .blockR div.content {padding: 20px;}
.iconBlock .blockR a.viewDemo_btn {display: block; width: 254px; height: 44px; margin-top: 10px; background:url("../img/about_viewDemo_btn.png") 0 0 no-repeat;}
.iconBlock .blockR a.viewDemo_btn:hover {background-position: 0 -44px;}

.iconBlockIndex {margin: 30px 0 0 -27px;}
.iconBlockIndex div.item {width: 432px; float: left; margin-bottom: 12px; cursor: pointer;}
*+html .iconBlockIndex div.item {width: 418px;}
.iconBlockIndex div.item .content {
    height: 82px;
	background: url("../img/icon-block-index.png") 0 0 no-repeat;
}
.iconBlockIndex div.item .content:hover {
	background: url("../img/icon-block-index.png") 0 -82px no-repeat;
} 
.iconBlockIndex div.item .content:hover .text a {text-decoration: none;}
.iconBlockIndex div.item .top {
    height: 5px;
    background:url("../img/i_top.gif") no-repeat 0 0; 
}
.iconBlockIndex div.item .iBlock {
    padding: 3px 5px;
    font-size: 13px;
}
.iconBlockIndex div.item .text {width: 315px; padding-left: 5px; padding-top: 12px; font-family: Arial; color: #000;}
.iconBlockIndex div.item .text p {padding-bottom: 5px;}
.iconBlockIndex div.item .text a.more {text-decoration: underline; background: none;}
.iconBlockIndex div.item .content:hover .text a.more {color: #fff;text-decoration: underline;}
.iconBlockIndex div.right {margin-left: 12px;}

.whiteBlockWithBlueBorder {background-color: #b9d8f2;}
.whiteBlockWithBlueBorderContent {background-color: #fff;}
.whiteBlockWithBlueBorderNavigation {position: absolute; width: 662px; margin-left: -18px;}
.whiteBlockWithBlueBorderNavigation div {height: 38px; width: 38px;}
.whiteBlockWithBlueBorderNavigation .left {background: url("../img/infoarrowLeft.png") 0 0 no-repeat;}
.whiteBlockWithBlueBorderNavigation .right {background: url("../img/infoarrowRight.png") 0 0 no-repeat;}
.whiteBlockWithBlueBorderNavigation .noactive {background-position: 0 -38px;}
.whiteBlockWithBlueBorderNavigation a {display: block; height: 38px; width: 38px;}
.whiteBlockWithBlueBorderNavigation {top: 265px;}

h3.aboutP {color: #09a1e1; font: 32px Myriad Pro, Verdana; padding-top: 0; margin-bottom: 10px;}
.aboutV a.btn {display: block; font: 14px Tahoma, Verdana; color: #000; text-decoration: underline; background:url("../img/about_video_btn.gif") 0 0 no-repeat; width: 139px; height: 29px; line-height: 29px; text-align: center; margin-left: 20px; margin-top: 10px;}
.aboutV a.btn:hover {text-decoration: none;}

.aboutBlock {background:url("../img/about_bg.gif") 0 0 repeat-y; width: 604px;}
.aboutBlock div.top {background:url("../img/about_top.gif") 0 0 no-repeat; width: 604px; height: 5px;}
.aboutBlock div.content {padding: 20px; background:url("../img/about_bot.gif") 0 bottom no-repeat;}
.aboutBlock div.item {padding-bottom: 20px;}
.aboutBlock div.item a.anchor {display: block; height: 20px;}              
.aboutBlock div.item .ico {width: 70px; margin-right: 20px;}
.aboutBlock div.item .text {width: 470px;}
.aboutBlock div.item .title {font-size: 18px; color: #000; padding-bottom: 15px;}

.aboutPBlock {margin-left:-30px;}
.aboutPBlock p {font: 15px Trebuchet MS, Tahoma, Verdana; color: #000;}  

.helpBlock {margin-left:-30px;}
.helpBlock p {color:#666;}
.helpBlock h4 {font-size: 18px; font-weight: normal;}
.helpBlock h5 {font-size: 15px; font-weight: normal; padding-bottom: 5px; color: #2D3A4A;}
.helpItems {padding: 15px 0 8px 0;}
.helpItems div.leftItem {margin-right: 13px;}
.helpItems div.helpItemBlock .content {padding:20px 15px 15px 18px;}
.helpItems p {color: #2D3A4A;}

.helpItemBlock {width: 306px; float: left; background-color: #b9d8f2; margin-bottom: 12px;}
.helpContact {color:#666;}
.helpItemBlock a {
    display:block;
    height:44px;
    margin-top:10px;
    width:254px;
}
.helpItemBlock a:hover {background-position: 0 -44px;} 
a.btn_watchvideo {
    background:url("../img/btn_watchvideo.gif") no-repeat scroll 0 0 transparent;
}
a.btn_readthebase {
    background:url("../img/btn_readthebase.gif") no-repeat scroll 0 0 transparent;
}
a.btn_readthemanual {
    background:url("../img/btn_readthemanual.gif") no-repeat scroll 0 0 transparent;
}
a.btn_answerthequestion {
    background:url("../img/btn_answerthequestion.gif") no-repeat scroll 0 0 transparent;
}



.helpContactContent {padding: 18px;}

.priceRegistration {
	background		: url('../img/bg-price-page.png') 0px 0px  no-repeat transparent;
	width			: 610px;
	height			: 158px;
	display			: block;
}
.priceRegistration .text {	
	color			: #ffffff;
	padding			: 20px 30px 5px 30px;
	font-size		: 18px;
	
	font-family		: Arial;
}

.priceRegistration a.btn_priceregistration {
    display:block;
    height:42px;
    margin-top:10px;
    margin-left: 10px;
    width:149px;                                                                              
    background:url("../img/btn_priceregistration.png") no-repeat scroll 0 0 transparent;          
}
.priceRegistration a.btn_priceregistration:hover {background-position: 0 -44px;} 

.pricesBlock th {font-weight: normal; padding-bottom: 15px;}
.pricesBlock th.ititle {font-size: 13px; font-weight: bold; text-align: center;}
.pricesBlock tr.head th {border-bottom: 2px solid #ccc;}
.pricesBlock tr td {vertical-align: middle; padding:8px 0; border-bottom: 1px solid #ccc;}
.pricesBlock tr.last td {border-bottom: 2px solid #ccc;}
.pricesBlock tr.subhead td {border-bottom: 2px solid #ccc; padding-top: 35px; font-size: 18px;}
.pricesBlock tr.info td {border:none; padding-bottom: 25px;}
.pricesBlock a.getInfo {border-bottom: 1px dotted;}
.pricesBlock a.getInfo:hover {border: none; text-decoration: none;}
.pricesBlock td div.text {font-size: 16px; padding:5px 0 5px 70px;}
.pricesBlock td div.none {font-size: 11px; color: #666;  background:url("../img/price_none.gif") 70px 0 no-repeat; padding: 15px 0 0 70px;}
.pricesBlock td div.yes {height: 30px; width: 30px; background:url("../img/price_yes.gif") 70px 0 no-repeat; padding-left: 70px;}

.buttonInfo {background-color: #c7e0f5; margin:10px 0 0 20px; padding: 6px 15px;}
.buttonInfo a {
    color:#000000;
    display:block;
    font-size:14px;                                                                              
    text-decoration:underline;
}
.buttonInfo a:hover {text-decoration: none;}
.buttonGrey {background-color: #9f9f9f; margin-top:10px; padding: 3px 15px 4px 15px;}
.buttonGrey a {
    color:#fff;
    display:block;
    font-size:12px;                                                                              
    text-decoration:underline;
}
.buttonGrey a:hover {text-decoration: none;}

.manualListBlock h4 {font-size: 16px; font-weight: normal; padding-bottom: 30px;}
.manualListBlockContent {padding: 18px;}
.manualListBlock .item {float: left; width: 50%; margin-bottom: 20px; height: 20px;}
.manualListBlock .pro {background:url("../img/ico_pro.gif") 0 0 no-repeat;}
.manualListBlock .item a {margin-left: 30px;}


.videoListBlock h4 {font-size: 16px; font-weight: normal; padding-bottom: 20px;}
.videoListBlockContent {padding: 18px 25px;}
.videoListBlock .item {float: left; margin-right: 13px; padding-bottom: 15px;} 
.videoListBlock .three {margin-right: 0;}
.videoListBlock .pro {background:url("../img/ico_pro.gif") 0 118px no-repeat;}
.videoListBlock .item .video {background:url("../img/icon_videoPlay.png") 0 0 no-repeat transparent; height: 113px; width: 170px;  position: absolute; margin-top:-115px; cursor: pointer;}
.videoListBlock .item img {border: 1px solid #8ed7e6; width: 170px; display: block;}
.videoListBlock .item a {display: block; padding-top: 5px; color: #000; text-decoration: underline;}
.videoListBlock .pro a {padding-left: 25px;}
.videoListBlock .item a:hover, .videoListBlock .item:hover a {text-decoration: none;}
.videoListBlockNavigation {top: 295px;}

.videoListBlock .player {width: 538px; height: 360; padding: 1px 0 50px 1px; background:url("../img/bigplayer.gif") 0 0 no-repeat; position: relative;}
.videoListBlock .player .video {background:url("../img/icon_videoPlay.png") 0 0 no-repeat transparent; height: 113px; width: 170px;  position: absolute; top:110px; left:180px; cursor: pointer;}

.manualBlock h4 {font-size: 16px; font-weight: normal; padding-bottom: 20px;}
.manualBlockContent {padding: 18px 35px;}
.manualBlockContent .imgItems {background-color: #a3d9eb; padding: 15px; margin:auto;}
.manualBlockContent .imgItems .item {position: relative;}
.manualBlockContent .imgItems .left {margin-right: 15px;}
.manualBlockContent .imgItems .item img {border: 1px solid #fff;}

.rightA {float: right; padding-top: 12px;}

.manual {position: relative;margin-left:-30px;}
*+html .manual {position: static}
.manual div.zoom {width: 60px; height: 60px; position: absolute; background:url("../img/manualZoom.png") 0 0 no-repeat transparent; right:3px; bottom:3px;}
.manual div.zoom a {width: 60px; height: 60px; display: block; outline: 0 none;}


/* Blog */
.blog div.post { }
.blog div.post a.post-title { font-size:16px; font-weight:bold; text-transform: uppercase;} 
.blog div.post div.post-title-view { font-size:26px; } 
.blog div.post div.date { 
    margin-bottom:0.5em;
    color:#999999;
    font-size:11px; 
}
.blog div.post p {
    
}
.blog div.post .tags, .blog div.post .tags a {
    color:#999;
    font-size:12px;    
}
.blog div.post .tags{
	padding-top		: 20px;
}
.blog div.post span.imgItemsBlog {
    background-color:#FFFFFF;
    border:1px solid #9CE7F8;
    display:block;
    padding:2px;
}


.blog div.post a.comments {
    font-size:14px;    
}
.blog div#pagination {
    color:#999999; 
}
.blog div.post .comments-header {
    font-weight: normal;
    font-size: 22px; 
    color		: #333;
}
.blog div.post .comments-total {
    font-weight: bold;
}

.ref_error{
	font-weight	: 	bold;
	font-size	: 	14px;
	color		: 	#e25000;
	padding		:	20px 0px;
}

.html_blocks{
	font		:	11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align	:	justify;
}


a.but {
	cursor		: 	pointer; 
	display		: 	block;
	width		: 	16px;
	height		: 	16px; 
	float		: 	left; 
	margin		:	0px 5px;
}

a.quote    {
	background	: 	url('../img/icon-quote.png') 0 0 no-repeat; 
} 

.pointer {	
	cursor		:	pointer;
}

.attach_block{
	padding-top	:	10px;
}

blockquote {
    border-left	:	1px solid #CCCCCC;
    margin		:	0 0 0 2.8ex;
    padding-left:	1ex;
    font-size	:	10px;
}
.fileType{
	display		:	block; 
	width		: 	32px; 
	height		: 	32px; 
	line-height	:	32px; 
	background	: 	url('../img/file-types.png');
	float		:	left;
	margin-right:	5px;
	cursor		:	pointer;
}
a.typePsd 	{ 	background-position	: -128px    0px; }
a.typeIco 	{ 	background-position	: -128px  -32px; }
a.typeTiff 	{ 	background-position	: -128px  -64px; }
a.typeDoc 	{ 	background-position	: -96px    0px; }
a.typeXls 	{ 	background-position	: -96px  -32px; }
a.typePpt 	{ 	background-position	: -96px  -64px; }
a.typeNone 	{ 	background-position	: -96px  -96px; }
a.typeRar 	{ 	background-position	: -96px -128px; }
a.typeImg 	{ 	background-position	: -64px    0px; }
a.typeJpg 	{ 	background-position	: -64px  -32px; }
a.typeBmp 	{ 	background-position	: -64px  -64px; }
a.typePng 	{ 	background-position	: -64px  -96px; }
a.typeGif 	{ 	background-position	: -64px -128px; }
a.typePdf 	{ 	background-position	: -32px    0px; }
a.typeTxt 	{ 	background-position	: -32px  -32px; }
a.typeEml 	{ 	background-position	: -32px  -64px; }
a.typeAudio	{ 	background-position	: -32px  -96px; }
a.typeVideo	{ 	background-position	: -32px -128px; }
a.typeZip	{ 	background-position	:   0px  -32px; }

span.attach_details{
	font-size	:	10px;
	color		:	#505050;	
}
.attach_name{
	font-size	:	14px;
	font-family	:	Tahoma;	
}
.upload_limit{	
	position	:	absolute;
	float		:	left;		
	margin		:	5px 0px 0px 120px;	
}
.bg_text{
	color		: #999999;
	font-family	: Arial;
}
#ticketsEditAnswerConfirmStatus input{
	margin-right	: 5px;
}
*+html div.upload_limit{	
	margin-left	:	150px;
	left		:   32px;
}
@-moz-document url-prefix() {
  	//.upload_limit {left: 5px;}
}


.floatTab{
	position	:	absolute;
	height		:	44px;
	padding-top:	4px;
}
.floatTab .leftSide{
	display		:	block;
	height		:	44px;
	width		:   6px;
	background	: 	url('../img/float-tabs.png') 0px 0px no-repeat transparent;
}
.floatTab:hover .leftSide{
	background	: 	url('../img/float-tabs.png') 0px -120px no-repeat transparent;
}

.floatTab .rightSide{
	display		:	block;
	height		:	44px;
	width		:   6px;
	background	: 	url('../img/float-tabs.png') -6px 0px no-repeat transparent;
}
.floatTab:hover .rightSide{
	background	: 	url('../img/float-tabs.png') -6px -120px no-repeat transparent;
}
.floatTab .contentSide{	
	height		:	38px;	
	background	: 	url('../img/float-tabs.png') 0px -44px repeat-x transparent;
	color		: 	#3e527b;
	font-size	:	13px;
	font-family	:	Arial;
	text-decoration:underline;
	cursor		: 	pointer;
	padding-top	: 	6px;	
}
.floatTab:hover .contentSide{	
	text-decoration:none;	
	background	: 	url('../img/float-tabs.png') 0px -164px repeat-x transparent;
}
.play_button{
	width		: 	32px;
	height		:	32px;
	display		:	block;
	background	: 	url('../img/float-tabs.png') 0px -88px no-repeat transparent;
}
.alignCenter {text-align:center;}
a.inverse{
	text-decoration	:	underline;
}
a.inverse:hover{
	text-decoration	:	none;
}

.headerBlock{
	margin-bottom 	: 20px;
}
.subHeaderBlock{
	font			: 17px Arial !important;
	padding-top		: 3px !important;
	padding-right	: 12px !important;
	line-height		: normal !important;
	color			: #000 !important;
}
.mainHeaderBlock{
	font			: 17px Arial !important;
	font-weight		: bold !important;	
	line-height		: normal !important;
	color			: #000 !important;
}

.header20px{
	font-weight		: bold;
	font-size		: 20px;
}
.headerBlog{
	width			: 141px;
	height			: 27px;
	background		: url('../img/headers/header-blog.png') 0px 0px  no-repeat transparent;
}
.headerAbout{
	width			: 153px;
	height			: 33px;
	background		: url('../img/headers/header-service.png') 0px 0px  no-repeat transparent;
}
.headerFeatures{
	width			: 296px;
	height			: 34px;
	background		: url('../img/headers/header-features.png') 0px 0px  no-repeat transparent;
}

/* blog */
.fontArial	{	font-family	: Arial}
.h34{	height			: 34px;}
.w6	{	width			: 6px;}
.padR15{	padding-right	: 15px;}
.padR5{	padding-right	: 5px;}
.padL15{	padding-left	: 15px;}
.blackLink, .blackLink:hover{
	color			: #000;
	text-decoration	: none;
}
.constHeightRoundBlock>.contentSide{
	font-size		: 13px;
	padding			: 9px 8px 0px;
}
.constHeightRoundBlock>.leftSide, .constHeightRoundBlock>.rightSide, .constHeightRoundBlock>.contentSide{
	float			: left;
	display			: block;
	height			: 100%;
}
.blueTab{
	cursor			: pointer;
}
.blueTab>.leftSide, .blueTab>.rightSide, .blueTab>.contentSide{
	background		: url('../img/blog-page-sprites.png') 0px 0px no-repeat transparent;
}
.blueTab:hover>.leftSide, .blueTab:hover>.rightSide, .blueTab:hover>.contentSide{
	background		: url('../img/blog-page-sprites.png') 0px 0px no-repeat transparent;
}
.blueTab>.leftSide{
	background-position	: 0px 0px;
}
.blueTab>.rightSide{
	background-position	: -6px 0px;
}
.blueTab>.contentSide{
	background-position	: 0px -34px;
	background-repeat	: repeat-x;
	height				: 25px;
}
.blueTab:hover>.leftSide{
	background-position	: 0px -68px;
}
.blueTab:hover>.rightSide{
	background-position	: -6px -68px;
}
.blueTab:hover>.contentSide{
	background-position	: 0px -102px;	
	background-repeat	: repeat-x;
}

.w610{	width	: 610px;}
.h10{	height	: 10px;}
.h6{	height	: 6px;}
.padB20{	padding-bottom	: 20px;}
.padB10{	padding-bottom	: 10px;}
.padT15{	padding-top		: 15px;}
.padT12{	padding-top		: 12px;}
.padT10{	padding-top		: 10px;}
.padT5{	padding-top		: 5px;}
.constWidthRoundBlock>.contentSide{	
	padding		: 17px 30px ;
}
.constWidthRoundBlock>.leftSide, .constWidthRoundBlock>.rightSide, .constWidthRoundBlock>.contentSide{	
	display			: block;	
}
.whiteBlock>.topSide, .whiteBlock>.bottomSide, .whiteBlock>.contentSide{
	background		: url('../img/blog-page-sprites-2.png') 0px 0px no-repeat transparent;
}
.whiteBlock>.topSide{
	background-position	: 0px 0px;
}
.whiteBlock>.bottomSide{
	background-position	: 0px -10px;
}
.whiteBlock>.contentSide{
	background-position	: -610px 0px;
	background-repeat	: repeat-y;
}
.postMessage p{	
	padding-top			: 0px !important;
	padding-bottom		: 14px !important;	
}
.postMessage{
	font-size			: 15px;
}
.postLinkMore{
	
}
.postLinkMore a{
	color				: #4037b5;
}
.hr1px{
	display				: block;
	height				: 1px;
	width				: 550px;
	background-color	: #b8b8b8;	
}
.pagenation_v2{
	margin-top			: 10px;
	font-size			: 14px;
	text-align			: center;
	height				: 36px;	
	display				: block;
}
.pagenation_v2 span{
	height				: 36px;
	padding-top			: 10px;
}
*+html .pagenation_v2{		
	margin-top			: 0px;
}
*+html .pagenation_v2 span{	
	padding-top			: 0px;
	margin-top			: 10px;
}
*+html .pagenation_v2 span.activePage{	
	padding-top			: 10px;
}
.activePage{
	color				: #315c7b;	
	text-align			: center;
	width				: 36px;
	display				: inline-block;	
	background			: url('../img/pagenation_bg.png') 0px 0px no-repeat transparent;
	//vertical-align		: middle;
	_overflow			: hidden;/*IE6, IE7*/
  	*zoom				: 1;/*включаем hasLayout для IE6, IE7*/
  	*display			: inline;
}
.navPadL{
	padding-left		: 15px;
}
.navPadR{
	padding-right		: 15px;
}
.blogBlock{
	width				: 610px;
}
.blogCategory{	
	margin-bottom		: 10px;
}
.blogCategoryMenu{	
	text-align			: center;
	display				: block;		
	background			: url('../img/blog-page-sprites-2.png') 0px 0px repeat transparent;
}
.blogCategoryMenu.top, .blogCategoryMenu.bottom{
	display				: block;	
}
.blogCategoryMenu.top{
	background-position	: 0px -20px;
	height				: 6px;
}
.blogCategoryMenu.bottom{
	background-position	: 0px -26px;
	height				: 12px;
}
.blogCategoryMenu.content{
	background			: url('../img/blog-page-sprites-2.png') -1220px 0px no-repeat transparent;
	background-color	: #3061a2;
}
.blogCategoryMenu>.title{
	color				: #ffffff;
	font-size			: 14px;
	display				: block;	
	padding				: 10px 0px;
}
.blogCategoryMenu li{
	list-style-type		: normal !important;
	display				: block;
	height				: 28px;
	background			: url('../img/blog-page-sprites-2.png') -239px -20px no-repeat transparent;
	margin				: 2px 10px 0px;
	font-size			: 16px;
	padding-top			: 9px;
	padding-left		: 15px;
	cursor				: pointer;
	text-align			: left;
}
.blogCategoryMenu li>a{
	color				: #000000;
}
.blogCategoryMenu li.active>a, .blogCategoryMenu li:hover>a{
	color				: #ffffff;
	text-decoration		: none;
}
.blogCategoryMenu li.active, .blogCategoryMenu li:hover{		
	background			: url('../img/blog-page-sprites-2.png') -239px -57px no-repeat transparent;	
}

.lightBlueBlock>.topSide, .lightBlueBlock>.bottomSide, .lightBlueBlock>.contentSide{
	background		: url('../img/blog-page-sprites-2.png') 0px 0px no-repeat transparent;
}
.lightBlueBlock>.topSide{
	background-position	: 0px -38px;
}
.lightBlueBlock>.bottomSide{
	background-position	: 0px -44px;
}
.lightBlueBlock>.contentSide{
	background-position	: -1458px 0px;
	background-repeat	: repeat-y;
	padding				: 7px 13px ;	
}
.lightBlueBlock .title{
	font-size			: 18px;
	text-align			: center;
}

.hr1pxBlue{
	display				: block;
	height				: 1px;
	background-color	: #71aecf;	
}

.rightBlockItem{
	padding				: 8px 0px 0px;
}
.rightBlockItem a{
	color				: #4037b5;
	font-size			: 14px;			
}
.rightBlockItem span.count{
	color				: #000000;
	font-size			: 14px;
	padding-left		: 2px;
}
.bgAboutToDemo{
	display				: block;
	background			: url('../img/about-page-sprites.png') 0px 0px no-repeat transparent;
	color				: #FFFFFF;
}
.navigationBlock a.navLink{
	color				: #000000;
	text-decoration		: underline;	
}
.navigationBlock a.sepLink, .navigationBlock a.sepLink:hover{
	color				: #99cccc;
	text-decoration		: none;	
}
.navigationBlock a.navLink:hover{
	text-decoration		: none;	
}
.buttonContinue {
	display			: block;
	background		: url(../img/button-continue.png) 0 0 no-repeat; 
	height			: 42px; 
	cursor			: pointer;
	width			: 123px;
	}
.buttonContinue:hover{
	background-position	: 0px -43px;
}
.pNoBottom p{
	padding-bottom	: 0px !important;
}
.tag_cloud{
	text-align		: center;
	overflow		: hidden;
	text-overflow	: ellipsis;
	line-height		: 1.5em;
}
.tag_cloud span{
	padding			: 4px;
}

.tag_cloud .tagCloudLevel_1{
	color			: #999999;
}
.tag_cloud .tagCloudLevel_2{
	color			: #444444;
}
.tag_cloud .tagCloudLevel_3{
	color			: #333333;
}
.tag_cloud .tagCloudLevel_4{
	color			: #000000;
}

div.inputDark {position: relative;}
div.inputDark span.left {display:block; width:3px; height:27px; background:url(../img/input_dark.png) 0 0 no-repeat;}
div.inputDark span.right {display:block; width:3px; height:27px; background:url(../img/input_dark.png) -3px 0 no-repeat;}
/*для Opera убрать отступ сверху*/
div.inputDark input { float:left; border:0; background:url(../img/input_dark.png) 0 -27px repeat-x; 
    font-size:13px; height:20px; padding:3px 3px 4px; display:block;position:relative;font-family:Arial;
}
*+html div.inputDark input {
padding-right:4px;
}


div.textareaDark {position: relative;border-width:0px;}
div.textareaDark span.left {display:block; width:3px; height:87px; background:url(../img/textarea_dark.png) 0 0 no-repeat;}
div.textareaDark span.right {display:block; width:3px; height:87px; background:url(../img/textarea_dark.png) -3px 0 no-repeat;}
/*для Opera убрать отступ сверху*/
div.textareaDark textarea { float:left; border:0; background:url(../img/textarea_dark.png) 0 -87px repeat-x; 
    font-size:13px; height:76px; padding:5px 3px 6px; display:block;position:relative;font-family:Arial;resize:none;
}
*+html div.textareaDark textarea {
padding-right:4px;
}

.button_addS {border:0; background:url(../img/button-add-small.png) 0 0 no-repeat; height:27px; padding:0px; cursor:pointer;width:91px;;dusplay:block;}
.button_addS:hover {background-position:0px -27px;}

.slidePanel{
	background		: url(../img/slide-panel-sprite.png) 0 0 repeat-x;
	background-color: #2f2f2f;	
	border-bottom	: 1px solid #232323;
	z-index			: 100000;
    max-height: 60px;
}
.slidePanel .successInfo{
	background		: url(../img/slide-panel-sprite.png) 0 -90px no-repeat;
	width			: 50px;
	height			: 41px;	
}
.slidePanel .closeBtn{
	background		: url(../img/slide-panel-sprite.png) 0 -131px no-repeat;
	width			: 28px;
	height			: 27px;	
	cursor			: pointer;
}
.slidePanel .closeBtn:hover{
	background		: url(../img/slide-panel-sprite.png) 0 -158px no-repeat;
}
.slidePanel .slideText{
	color			: #ffffff;
	font-size		: 16px;
	font-family		: Arial;
}
.slidePanel .goldColor{
	color			: #ffff00;	
}
.slidePanel .grayLink{
	font-size		: 12px;
	color			: #999999;
}
.slidedBlock{
	border			: 1px solid #CCC;	
	border-radius	: 5px;	
	margin-top		: 5px;
	color			: #2D3A4A;
}
#categoriesDefault input[type=checkbox]{
	vertical-align	: top;
	top				: 0px;
}
.settingPadL{
	padding-left	: 4px;
}
#chat-sidebar-banner{
	background		: url("../img/sd-sidebar-banner.png") 0 0 no-repeat;	
	width			: 240px;
	height			: 400px;
	position		: relative;
}

#get-more-button{
	display			: block;
	position		: absolute;
	width			: 142px;
	height			: 38px;
	background		: url("../img/sd-sidebar-banner.png") 0px -400px no-repeat;	
	bottom			: 23px;
	left			: 49px;
}
#get-more-button:hover{
	background-position	: 0px -438px;
}

.link2{
    border-bottom: 1px solid;
    text-decoration: none;
}
.link2:hover{
    border-bottom-color: transparent;
    text-decoration: none;
}

.ajax_timer{width:70px; height:53px; background:url('../img/ajax_timer.gif') center center no-repeat; text-align:center; font-size:30px; padding-top:17px;}
#timeout.ajax_timer{margin:20px 0 20px 160px;}

.slide_link{
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
}
.slide_link:hover{
    text-decoration: none;
    border-bottom-color: transparent;
}

.slide_target:not(.visible){
    display: none;
}

.slide_link+.slide_target:not(.visible){
    margin-top: 10px;
}
.role_menu{
    font-size: 0;
    margin: 80px 0 50px;
    font-family: Verdana;
}
.role_menu .role_wrapper{
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}
.role_menu .role_wrapper .role_inner{
    padding: 30px 5px 15px;
    margin-right: 5px;
    border: 1px solid transparent;
    transition: all 300ms linear;
}
.role_menu .role_wrapper .role_inner:hover{
    background-color: #f1f9ff;
    border-color: #d4dce2;
}
.role_menu .role_wrapper:last-child .role_inner{
    margin-right: 0;
}
.role_menu .logo{
    height: 100px;
}
.role_menu .logo img{
    height: 90%;
}

.role_menu .role_admin .logo img{
    height: 100%;
}

.role_menu ._title{
    font-weight: bold;
    margin-top: 20px;
}

.role_menu .description{
    font-size: 11px;
    color: #9e9e9e;
    margin: 15px 10px;
    min-height: 55px;
    overflow: hidden;
}

.role_menu .action{
    opacity: 0;
    transition: all 300ms linear;
    margin-top: 15px;
}

.role_menu .role_inner:hover .action{
    opacity: 1;
}

.role_menu .action .button{
    display: inline-block;
}

.text-field+.line{
    margin-top: 5px;
}

.loading{
    position: relative;
}
.loading:after{
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: rgba(255,255,255, 0.15) url("../../default_v2/img/loading.gif") no-repeat 50% 50% ;
    background-size: 16px 16px;
}

.status_line{
    margin-top: 10px;
    display: none;
}
.status_line.error{
    padding: 0;
    color: red;
}
.status_line.success{
    padding: 0;
    color: green;
}
.ticket_comment {
    display: inline-block;
}

.ticket_comment.system_comment {
    text-align: left;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    color: #666;
}

.ticket_comment.system_comment .author{
    font-weight: bold;
}

.ticket_comment.system_comment .action{
    font-style: italic;
}

.ticket_comment.system_comment .date{
    font-size: 90%;
}
.ticket_comment.system_comment:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-size: contain;
}
.ticket_comment.system_comment.category_update:before{
    background-image: url("../img/icons/category_update.png");
}

.ticket_comment.system_comment.status_update:before, .ticket_comment.system_comment.task_status_update:before{
    background-image: url("../img/icons/status_update.png");
}

.ticket_comment.system_comment.task_edit:before{
    background-image: url("../img/icons/edit.png");
}

.ticket_comment.system_comment.ic_user_operations:before{
    background-image: url("//www.infoclub.info/favicon-32x32.png");
}


.new_task_button{
    font-size: 13px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    vertical-align: middle;
    color: #000;
}
.new_task_button:hover{
    border-bottom-color: transparent;
    text-decoration: none;
}
.new_task_button:before{
    vertical-align: middle;
    content: '+';
    display: inline-block;
    background: green;
    color: #FFFFFF;
    border-bottom: 0;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;

}

.value_label{
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #13a040;
    position: relative;
    white-space: nowrap;
    margin-bottom: 3px;
}
.value_label>span{
    display: inline-block;
    font-size: 11px;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #FFFFFF;
    vertical-align: middle;
    line-height: 16px;
}
.value_label .remove_link{
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAjUlEQVQ4T83TWwoCMQyF4W9WIwguScXLpkQHQXE/PgmuRgm0MAy1jPRl8lJIkz89h6bTGF1jv/kClniN5JVyRQlR+MQRtwTZ4YQV3kPwLw82uCRI1JwRkMfY9JqJGRI9xea4qAG2afIH+9L0GiBrjjPiigPuUyRkE4fPXqP/x8TF2G2UcjP+iZN3rHmZvluGFxEh6edmAAAAAElFTkSuQmCC);
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    opacity: 0.5;
}
.value_label .remove_link:hover{
    opacity: 1;
}

.value_label>a{
    color: inherit;
    text-decoration: none;
}

.value_label>a:hover{
    color: #DFDFDF;
}

.value_label{
    display: inline-block;
    vertical-align: middle;
}


.value_label{
    margin-right: 5px;
}

.value_label+input[type="text"]{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
}

.value_label_line_wrapper{
    margin-bottom: 5px;
}

.text_field_v2{
    background-color: #FFFFFF;
    border: 1px solid #bcbcbc;
    padding: 3px;
    border-radius: 2px;
    font-size: 12px;
    width: 190px;
    box-sizing: content-box;
    font-family: Arial;
}
select.text_field_v2{
    padding: 2px 3px;
}

.text_field_v2.full{
    width: 100%;
    box-sizing: border-box;
}
.text_field_v2.date_field{
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

.text_field_v2.time_field{
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.date_field+.datepicker_v2{
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url("../img/icons/datepicker.png");
}

.error_field{
    background-color: #ffe3e6;
}

.important_marker{
    cursor: pointer;
    font-size: 12px;
    color: #333;
    background: url("../img/icons/exclamation.png") 0 0 no-repeat;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    opacity: 0.3;
    padding-left: 30px;
}
.important_marker:hover{
    -webkit-filter: grayscale(10%);
    opacity: 0.5;
    color: red;
}
.important_marker.active{
    -webkit-filter: grayscale(0%);
    opacity: 1;
    color: red;
}

.access_marker{
    cursor: pointer;
    font-size: 11px;
    color: #333;
    background: url("../img/icons/access.png") 0 0 no-repeat;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    opacity: 0.3;
    padding-left: 18px;
}
.access_marker:hover{
    -webkit-filter: grayscale(10%);
    opacity: 0.5;
    color: #3a92cc;
}
.access_marker.active{
    -webkit-filter: grayscale(0%);
    opacity: 1;
    color: #3a92cc;
}
.edit_target_block{

}
.edit_target_block.expanded {
    border: 1px dashed #CCC;
    padding: 5px;
    margin: 10px 0;
    background-color: #dff0ff;
}

.common_delete_link{
    cursor: pointer;
    opacity: 0.8;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABbElEQVQ4T6WTz0rDQBDGZ5qI9A3UixfR17AgYi5hs1DUgx5zsrZPUBAfQK2ectRLpbAZcgkFQR9DiwdP6hsUsenIShI2f/TSvc3s9/34doZFWPDggn7IAY7jLDebTX8+n78SUVwHFkI4jUZjYzqdBnEcf2lNDhBCDBCxo5vM3COiKxMipewx80XaG4Rh2C0Dhoi4b5i6YRgOdC2E6CLiZXbHzPdEdFAAtNvtldls9gQAW5kQEU+ZWac00zzbtt0ajUafBYAupJSrzPxoQkqzeLFtezszVwAGRCfZLJsRsaWU+jD7tWv0PK8PAGcFIWJfKXVe3k4FIIQ4QcTrujUyc4eIbv5MUGOepOL8OWVInkBKecTMtwZ9kiRJS9eWZenB5hBEPFZK3RWG6HneGAB2U8CvOYqid127rrtmQph5TER7BYCUcoeZhwDwliSJm5mzRCkkAoB1RDxUSj1U1uj7/lIQBN//fbCyZuHf+APMeJkRT7CDdAAAAABJRU5ErkJggg==");
    vertical-align: middle;
}

.common_delete_link:hover{
    opacity: 1;
}

.common_button{
    cursor: pointer;
    padding: 10px 15px;
    font-size: 13px;
    background-color: #cccccc;
    color: #000000;
    border: 0;
    outline: 0;
    border-radius: 3px;
}
.common_button:hover{
    background-color: #dddddd;
}
.common_button.approve_button{
    background-color: lightgreen;
}
.common_button.approve_button:hover{
    background-color: #73EE46;
}

.common_button.decline_button{
    background-color: #ffa117;
}
.common_button.decline_button:hover{
    background-color: red;
}
.buttons_block{
    text-align: center;
    padding: 30px 5px;
}
.buttons_block .buttons_header{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.buttons_block .buttons_line .common_button+.common_button{
    margin-left: 30px;
}

.chatitem .ticket-msg.redactor_mp p, .chatitem .ticket-msg.redactor_mp ul{
    margin: 15px 0 0 0;
}

.chatitem .ticket-msg.redactor_mp ul{
    padding-left: 10px;
}
.chatitem .ticket-msg.redactor_mp ul>li:not(:first-child){
    margin-top: 10px;
}

.chat.type_request .chatitem.userchat{
    margin-left: -9px;
    margin-right: -10px;
}

.chat.type_request .chatitem.userchat#resp1{
    margin-top: -10px;
    padding-bottom: 10px;
}

.chat.type_request .chatitem.userchat .text{
    padding: 15px;
}

.chat.type_request .chatitem.userchat p{
    font-size: 16px;
    line-height: 20px;
}

.chat.type_request .chatitem.userchat div.content{
    background: #eceaff;
}

.chat.type_request .chatitem.userchat div.top, .chat.type_request .chatitem.userchat div.bottom{
    display: none;
}

.chat.type_request.blueblock div.title {
    background-color: #857ec6;
    background-image: none;
}

.chat.type_request.blueblock div.title span.leftC,
.chat.type_request.blueblock div.title span.rightC {
    display: none;
}

.idle_indicator{
    position: relative;
}
.idle_indicator:before{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background:#FFFFFF url('../img/ajax_timer.gif') center center no-repeat;
    opacity:0.6; filter:alpha(Opacity=80); z-index:50;
    top:0;
    left: 0;
}

#ticketsResponseForm #ticket_answer_submit_btn{
    min-width: 105px;
    width: auto;
}

.quote_menu{
    position: absolute;
    border-radius: 3px;
    background-color: #F3F2F2;
    border: 1px solid #D5CFBA;
    padding: 3px 8px;
    font-size: 12px;
    margin: 12px 5px;
    display: none;
}
.quote_menu:hover{
    background-color: #FEFDED;
}

.quote_menu a{
    cursor: pointer;
}
.ticket_title{
    white-space: nowrap;
}
.ticket_title>span{
    display: inline-block;
    vertical-align: middle;
}
.ticket_title>span.text{
    white-space: normal;
}

.common_clipboard_copy{
    cursor: copy;
}

label.checkbox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: center;
}

.redactor-styles .fontcolored, .redactor-styles .fontcolored span{
    padding: 0.2em 0;
}

.redactor-styles u>.fontcolored{
    text-decoration: underline;
}

.bbm_user_link{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.bbm_user_link img{
    border-radius: 3px;
    width: 24px;
    height: 24px;
    flex-grow: 0;
}